<template>
   <div class="headNavCustom fix">
     <div  class="backImg" @click="headCustomBack"></div>
     <slot>
       <!--够一般复制使用-->
        <!--<div class="slotCustomM"></div>-->
        <!--<div class="slotCustomR"></div>-->
     </slot>
   </div>
</template>
<style scoped>
  .headNavCustom {
    display: flex;
    width: 100%;
    z-index: 1;
    position: fixed;
    box-sizing: border-box;
    padding: 0 .75rem;
    left: 0;
    right: 0;
    top: 0;
    background: #46a1bb;
    background-size: cover;
    height: 2.2rem;
    color: #fff;
  }


  .backImg {
    flex: 0 0 15%;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: left;
    background: url('../assets/images/back.png') no-repeat left center;
    background-size: .6rem 1.1rem;
  }

  /*够一般复制使用*/
  /*
  .slotCustomM {
    float: left;
    width: 350px;
    height: 88px;
    text-align: center;
    line-height: 88px;
    font-size: 36px;!*px*!
    color: #fff;
    margin-left: 100px;
  }

  .slotCustomR {
    float: left;
    width: 170px;
    height: 88px;
    line-height: 88px;
    text-align: right;
    font-size: 32px;!*px*!
  }
*/


</style>
<script>
    export default{
        data(){
            return{
            }
        },
        methods:{
          headCustomBack(){
            this.$emit('headCustomBack');
          }
        },
    }
</script>
